<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //Number: 数字，包括整数和浮点数
        //String: 字符串，单引号，双引号
        //Boolean: 布尔值，true 或者 false
        //Null:  空值，定义了一个变量，但是没有进行赋值
        //Undefined: 未定义
        //对象: key value形式的数据 {}
        //数组: 用来存储多个值的集合 [zhangsan，lisi]

        //null 和 undefined
        //undefined是缺少值的默认状态，声明变量但是没有赋值
        //null用来显示指定变量为空的状态，重置变量或者释放某个对象的应用

    </script>
    <script>
        //对象
        let myInfo = {
            name: 'yangchenxu',
            age: 18,
            city: 'wuxi',
            QQ: '2733885168'
        }
        //数组
        let myArray = [1, 2, 3, 4]
        //对象取值
        console.log(myInfo.QQ)
        console.log(myInfo['age'])

        //数组取值
        console.log(myArray[0])
        //对象添加一个值
        myInfo.phone = 111111;
        console.log(myInfo)
        //删除一个对象的值
        delete (myInfo.QQ)
        console.log(myInfo)

        //数组添加一个值
        myArray.push("a", "b", "c")
        console.log(myArray)
        myArray.unshift("xiaoliu")
        myArray.unshift("xiaokai","y")
        console.log(myArray)
        //删除数据
        myArray.pop()
        console.log("从后面删除后的数据",myArray)
        //从前面删除
        myArray.shift()
        console.log("从前面删除后的数据",myArray)
        //数组拼接
        console.log(myArray.join(","))
        //排序
        console.log("排序后：",myArray.sort())
        console.log("倒序：",myArray.reverse())
        delete(myArray[0])
        console.log("倒序：",myArray)
    </script>
</head>
<body>

</body>
</html>